@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3, h4 { margin: 0; padding: 0; font-size: 12px; _background-image: url(about:blank); _background-attachment: fixed; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; }
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img { border: 0; }
.clear { clear: both; }
a { text-decoration: none; outline: 0; }
center { padding: 20px 0; }
/* fixed */

.fixed { position: fixed; width: 55px; height: 212px; right: 25px; bottom: 50px; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
z-index: 999; }
.fixed a { display: block; width: 55px; height: 53px; }
.book { background: url(../images/fixed.jpg) 0 0 no-repeat; }
.book:hover { background-position: -54px 0; }
.fixed a.codepic { background: url(../images/fixed.jpg) 0 -53px no-repeat; height: 52px; }
.fixed a.codepic:hover { background-position: -54px -53px; }
.fixed div { position: relative; }
.fixed a.backup { background: url(../images/fixed.jpg) 0 -158px no-repeat; height: 52px; }
.fixed a.backup:hover { background-position: -54px -158px; height: 53px; }
.fixed div img { position: absolute; left: -196px; width: 196px; height: 196px; top: -106px; display: none; }
/* top */

.top_bg { width: 100%; height: 106px; background: url(../images/topbg.jpg) center 0 no-repeat; }
.top { width: 980px; height: 106px; margin: 0 auto; position: relative; }
.logo { float: left; margin: 31px 0 0 0; }
.top_tel { width: 323px; height: 77px; position: absolute; right: -9px; top: 0; padding: 29px 0 0 48px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.top_tel span { font: 16px/24px "microsoft yahei"; color: #fff }
.top_tel p { font: 26px/1 "impact"; color: #fff }
.nav_bg { width: 100%; background: url(../images/navbg.jpg) 0 0 repeat-x; height: 50px; border-bottom: 3px solid #2c4387; }
.nav { width: 980px; height: 50px; margin: 0 auto; }
.nav li { width: 108px; height: 50px; float: left; position: relative; z-index: 2 }
.nav li a { display: block; width: 108px; height: 50px; text-align: center; font: 700 16px/50px "microsoft yahei"; color: #23356a; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.nav li.hover { background: url(../images/hover.jpg) center bottom no-repeat; }
.nav li dl { width: 100%; height: auto; position: absolute; top: 50px; left: 0; background: url(../images/nav_dl.png) 0 0 repeat; display: none }
.nav li dl a { display: block; width: 100%; height: 36px; text-align: center; border-bottom: 1px solid #334d9c; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font: 14px/36px "microsoft yahei"; color: #fff; }
.nav li dl span { display: block; width: 100%; height: 44px; text-align: center; font: 18px/44px "impact"; color: #90adff; text-transform: uppercase; }
/* banner */

.banner { width: 100%; height: 398px; position: relative; overflow: hidden; z-index: 1 }
.sub_banner { height: 368px; }
.sub_banner img { display: block; margin: 0 auto; width: 100% }
.banner img { display: block; margin: 0 auto; }
.btns { width: 91px; position: absolute; height: 41px; left: 50%; bottom: 18px; margin-left: -45px; }
.btns .prev,  .btns .next { width: 41px; height: 41px; float: left; background: url(../images/btns.png) 0 0 no-repeat; }
.btns .next { background-position: -50px 0; float: right }
.banner_bar { width: 100%; height: 0; overflow: hidden; border-top: 5px solid #2c4387; border-bottom: 5px solid #ff9600 }
/* marquee */

.bg { width: 100%; height: auto; overflow: hidden; background: url(../images/bg1.jpg) center 0 no-repeat; }
.marquee_box { width: 1002px; height: 61px; margin: 0 auto; overflow: hidden; padding-top: 21px; }
.search { width: 378px; height: 43px; overflow: hidden; float: left; }
.text { width: 221px; float: left; font: 14px/31px 'microsoft yahei'; color: #a2a2a2; text-indent: 15px; height: 31px; padding: 5px 0; background: #fff; *height:31px;
border: 1px solid #cdcdcd; border-right: 0 }
.select { float: left; width: 103px; border: 0; background: url(../images/select.jpg) 77px center no-repeat #fff; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd }
.btn { float: left; background: url(../images/btn.jpg) no-repeat center center #334d9c; width: 53px; height: 43px; border: 0; cursor: pointer; }
.select select { margin: 5px auto; width: 103px; }
.searchBar span { float: right; margin-top: 6px; }
.searchBar span a { color: #666; margin-right: 8px; }
.searchBar span a:hover { color: #ef9b11; }
.searchBar .select { float: left; margin-top: 1px; display: inline; margin-right: 8px; }
.searchBar .text { float: left; }
.searchBar .text input { width: 182px; padding-top: 3px; height: 17px; border: 1px solid #b7d1eb; }
div.selectbox-wrapper { overflow: hidden; width: 103px; position: absolute; text-align: left; *margin-top:0;
z-index: 111; background: #fff; }
div.selectbox-wrapper ul li.current { color: #fff; background-color: #36c }
div.selectbox-wrapper ul li { text-align: center; padding-right: 3px; padding-bottom: 3px; width: 103px; cursor: pointer; line-height: 20px; padding-top: 3px; font-size: 12px; font-family: '微软雅黑'; color: #666; }
div.selectbox-wrapper ul li.selected { background-color: #334d9c; color: #fff; }
.selectbox { border: none; display: block; width: 103px; background: none; text-indent: 9px; cursor: pointer; height: 41px; font-size: 14px; font-family: 'microsoft yahei'; color: #1b1b1b; line-height: 41px; }
.marquee { float: right; width: 582px; height: 44px; overflow: hidden; position: relative; }
.marq_red { display: block; float: left; font: 700 14px/44px "microsoft yahei"; color: #ff0000; }
.marquee ul { position: absolute; right: 0; top: 0; width: 530px; height: auto; overflow: hidden }
.marquee ul li { width: 100%; text-align: right; font: 700 14px/44px "microsoft yahei"; color: #363636; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.marquee ul li a { color: #363636; }
.marquee ul li a:hover { color: #ff0000; }
.product_class { width: 1002px; height: 44px; padding: 7px 0; background: #2b2823; margin: 0 auto 20px; }
.pro_left { float: left; width: 102px; height: 44px; border-right: 1px solid #5d5d5d; text-align: center; font: 16px/22px "microsoft yahei"; color: #d6d6d6; text-transform: uppercase }
.pro_left p { font-size: 14px }
.product_links { float: left; width: 860px; height: 44px; padding-left: 10px; }
.product_links li { float: left; padding: 0 8px; height: 22px; position: relative; font: 14px/22px "microsoft yahei"; }
.product_links li a { color: #fff; }
.product_links li dl { position: absolute; left: 0; top: 22px; background: #ff9600; width: 127px; display: none; }
.product_links li dl dd { width: 100%; height: 39px; border-bottom: 1px solid #ffb956; text-indent: 8px; font: 14px/39px "microsoft yahei"; }
.product_links li.hover { background: #ff9600 }
/* con1 */

.con1 { width: 1002px; height: 394px; margin: 20px auto 0; overflow: hidden; }
.con1_img1 { display: block; width: 246px; height: 370px; float: left; }
.con1_imgs { width: 756px; float: left; height: 370px; overflow: hidden; }
.con1_imgs li { width: 236px; height: 192px; float: left; overflow: hidden; position: relative; padding-left: 16px; }
.con1_hover { position: absolute; width: 236px; height: 178px; background: url(../images/con1_hover.png) 0 0 no-repeat; left: 16px; top: 0; overflow: hidden; display: none }
.con1_hover a { display: block; width: 95px; height: 26px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 36px auto 14px; font: 700 16px/26px "microsoft yahei"; color: #fff; }
.con1_hover div { width: 198px; height: 66px; overflow: hidden; font: 14px/22px "microsoft yahei"; color: #fff; margin: 0 auto; }
/* con2 */

.con2 { width: 1002px; margin: 0 auto; height: 303px; overflow: hidden }
.con2_left { float: left; width: 698px; height: 303px; overflow: hidden; }
.con2_title { background: url(../images/con2_title.jpg) 0 0 no-repeat; width: 698px; height: 57px; overflow: hidden }
.con2_title1 { float: left; width: 310px; height: 50px; padding-left: 16px; }
.con2_title1 span { float: left; font: 700 16px/50px "microsoft yahei"; color: #2c2c2d; }
.con2_title1 a { float: right; font: 14px/50px "microsoft yahei"; color: #2c2c2d; }
.con2_title2 { float: left; width: 306px; height: 42px; padding: 12px 0 0 53px; }
.con2_title2 span { float: left; font: 700 16px/42px "microsoft yahei"; color: #2c2c2d; }
.con2_title2 a { float: right; font: 14px/42px "microsoft yahei"; color: #2c2c2d; }
.con2_news { float: left; width: 330px; height: auto; overflow: hidden }
.con2_news li { width: 100%; height: 43px; border-bottom: 1px dotted #334d9c; overflow: hidden; font: 14px/43px "microsoft yahei"; color: #2c2c2d; text-indent: 4px; }
.con2_news li a { color: #2c2c2d }
.con2_about { float: left; width: 322px; height: 224px; padding: 6px 0 0 36px; font: 14px/28px "microsoft yahei"; color: #2c2c2d; overflow: hidden; }
.con2_contact { background: url(../images/con2_contact.jpg) 0 0 no-repeat; width: 260px; height: 268px; overflow: hidden; float: right; margin-top: 11px; }
.address { width: 194px; height: auto; overflow: hidden; padding-left: 28px; margin: 32px auto 0; background: url(../images/address.png) 0 0 no-repeat; font: 14px/26px "microsoft yahei"; color: #fff; }
.qq { width: 194px; height: auto; overflow: hidden; padding-left: 28px; margin: 0 auto; background: url(../images/qq.png) 0 0 no-repeat; font: 14px/26px "microsoft yahei"; color: #fff; }
.qq a { color: #fff; }
.con2_tel { display: block; width: 100%; height: 60px; font: 30px/60px "impact"; color: #fff; text-align: center; }
#pgshare1 #bdshare a { background: url(../images/share.png) no-repeat scroll 0 0 transparent; margin-right: 14px; min-height: 32px; min-width: 32px; display: block; float: left; padding: 0 }
#pgshare1 #bdshare { background: url(../images/share.png) repeat-x scroll 0 -178px transparent; display: block; float: left; padding-bottom: 2px; text-align: left !important; z-index: 999999; }
#pgshare1 #bdshare .bds_tsina, #pgshare1 #bdshare a.bds_tsina:hover { background-position: 0 0 !important; }
#pgshare1 #bdshare .bds_qzone, #pgshare1 #bdshare a.bds_qzone:hover { background-position: -93px 0 !important; }
#pgshare1 #bdshare .bds_tqq, #pgshare1 #bdshare a.bds_tqq:hover { background-position: -46px 0 !important; }
#pgshare1 #bdshare .bds_bdhome, #pgshare1 #bdshare a.bds_bdhome:hover { background-position: -139px 0 !important; }
#pgshare1 { width: 186px; height: 68px; margin: 38px auto 0; }
.banenr2 { display: block; margin: 0 auto 28px; }
/* con3 */

.con3_bg { width: 100%; background: url(../images/con3_bg.jpg) center 0 no-repeat; height: 570px; }
.con3 { width: 1000px; height: 570px; margin: 0 auto; overflow: hidden; }
.con3_title { margin: 25px auto 0; background: url(../images/con3_title.png) 0 0 no-repeat; width: 250px; height: 38px; font: 23px/38px "microsoft yahei"; color: #fff; text-indent: 79px; }
.con3_title span { font-size: 18px }
.movead { zoom: 1; width: 1000px; margin: 46px auto 0; position: relative; z-index: 11 }
.movead .pcont { float: left; width: 900px; margin: 0 15px; height: 448px; overflow: hidden }
.movead .ScrCont { width: 32766px; zoom: 1 }
.movead #List1_1 { FLOAT: left }
.movead #List2_1 { FLOAT: left }
.multipleColumn .prev { background: url(../images/leftbtn.png) no-repeat center 0; width: 34px; height: 37px; position: absolute; left: 0; top: 50%; margin-top: -18px; left: -45px; }
.multipleColumn .next { background: url(../images/rightbtn.png) no-repeat center 0; width: 34px; height: 37px; position: absolute; right: 0; top: 50%; margin-top: -18px; right: -45px; }
.movead .pl img { display: block; CURSOR: pointer; width: 215px; height: 161px; float: left; }
.movead .pl { float: left; width: 227px; height: 448px; overflow: hidden; }
.protitle { width: 215px; height: 48px; display: block; clear: both; font: 700 14px/48px 'Microsoft YaHei'; color: #000; text-align: center; overflow: hidden; margin-bottom: 15px; background: #d8d8d8; }
/* foot */

.links_bg { width: 100%; height: 46px; background: #334d9c }
.links { width: 1002px; height: 46px; margin: 0 auto; font: 14px/46px "microsoft yahei"; color: #fff; overflow: hidden; text-align: center; }
.links a { color: #fff; margin: 0 12px; }
.foot_bg { width: 100%; height: 256px; background: #292a29; overflow: hidden }
.foot { width: 1004px; height: 182px; margin: 21px auto 0; background: url(../images/footbg.jpg) 0 bottom no-repeat; }
.foot_left { float: left; width: 400px; height: 182px; padding-left: 4px; overflow: hidden; }
.foot_left_title { width: 100%; height: 38px; font: 14px/38px "microsoft yahei"; color: #a5a5a5; }
.foot_tel { font: 31px/40px "impact"; color: #fff; }
.foot_contact { width: 100%; height: 72px; margin-top: 10px; font: 14px/24px "microsoft yahei"; color: #a4a4a4; overflow: hidden; }
.foot_center { float: left; width: 500px; height: 182px; overflow: hidden; padding: 0 35px 0 50px; }
.foot_friends_title { width: 100%; font: 14px/38px "microsoft yahei"; color: #fff; }
.foot_center div { width: 100%; height: 130px; overflow: hidden; font: 14px/26px "microsoft yahei"; color: #a4a4a4; }
.foot_center div a { color: #a4a4a4; margin: 0 14px 0 0; float: left; }
.foot_code { float: left; width: 101px; height: 136px; border: 1px solid #515151; padding: 9px 9px 0 9px; margin: 12px 0 0 12px; }
.foot_code p { width: 101px; height: 35px; text-align: center; font: 14px/35px "microsoft yahei"; color: #fff; }
.foot_copyright { width: 1002px; height: 53px; margin: 0 auto; overflow: hidden; }
.copyr_left { float: left; font: 12px/53px "microsoft yahei"; color: #a4a4a4; }
.copyr_left span { margin-right: 12px; }
.copyr_right { float: right; font: 12px/53px "microsoft yahei"; color: #a4a4a4; }
.foot_copyright a { color: #a4a4a4; }
/* subpage */

.sub_banner { width: 100%; height: auto; position: relative; overflow: hidden; }
.sub_class { margin-top: 26px; }
.content { width: 1002px; height: auto; overflow: hidden; margin: 0 auto; }
.left { float: left; height: auto; overflow: hidden; width: 240px; }
.left_title { background: url(../images/lefttitle.jpg) 0 0 no-repeat; width: 240px; height: 57px; overflow: hidden; font: 700 16px/57px "microsoft yahei"; color: #fff; text-align: center; text-transform: uppercase; }
.left_con { width: 238px; height: auto; border: 1px solid #334d9c; border-top: 0; overflow: hidden; margin-bottom: 24px; padding: 6px 0 13px; }
.left_news { width: 100%; height: auto; overflow: hidden; }
.left_news li { width: 100%; height: 43px; border-bottom: 1px dotted #334d9c; overflow: hidden; font: 14px/43px "microsoft yahei"; color: #2c2c2d; text-indent: 7px; }
.left_news li a { color: #2c2c2d; }
.left_more { display: block; width: 192px; height: 35px; text-align: center; font: 14px/35px "microsoft yahei"; color: #fff; margin: 13px auto 0; background: url(../images/leftmore.jpg) 0 0 no-repeat; }
.left_support { width: 210px; height: auto; overflow: hidden; font: 14px/28px "microsoft yahei"; color: #2c2c2d; margin: 0 auto; max-height: 224px; }
.right { width: 742px; height: auto; overflow: hidden; padding-left: 18px; }
.right_title { width: 742px; height: 57px; overflow: hidden; }
.right_name { float: left; font: 16px/57px "microsoft yahei"; color: #3d3d3d; background: url(../images/rightname.jpg) 0 center no-repeat; padding-left: 21px; }
.right_title p { float: right; font: 14px/57px "microsoft yahei"; color: #3d3d3d; }
.right_title p a { color: #3d3d3d }
.right_con { width: 100%; height: auto; overflow: hidden; font: 14px/30px "microsoft yahei"; color: #2c2c2d }
.product_title { width: 1002px; margin: 0 auto; }
.product_class_about { width: 1002px; margin: 0 auto 16px; max-height: 168px; overflow: hidden; font: 14px/28px "microsoft yahei"; color: #2c2c2d }
/* product */

.product { width: 1012px; height: auto; overflow: hidden }
.product li { width: 253px; height: 249px; float: left; overflow: hidden; position: relative; }
.product_hover { left: 0 }
.downland { font: 14px/70px "microsoft yahei"; color: #2b2823; background: url(../images/pdf.jpg) 0 center no-repeat; padding-left: 25px; text-decoration: underline; }
/* pages */

.pages { width: 100%; height: 28px; margin: 44px 0; clear: both; text-align: center }
.pages a { display: inline-block; margin: 0 7px 0 0; color: #3d3d3d; width: 26px; height: 26px; border: 1px solid #334d9c; text-align: center; line-height: 26px; background: #fff; color: #334d9c; }
.pages a.selected { background: #334d9c; color: #fff; }
/* book*/

.bookmain { width: 650px; padding: 0 10px; height: auto; font: 14px/30px 'microsoft yahei'; color: #185e0b; margin: 0 auto; background: #fff; }
.bookmain div { font-size: 12px }
.bookline { width: 650px; height: 34px; background-image: url(../images/about_box_line.jpg); background-repeat: repeat-x; background-position: 0 0; margin: 0 auto; margin-top: 10px; }
.book3 { width: 550px; margin: 0 auto; }
.booktop { width: 650px; height: 30px; float: left; background: url(../images/bookico.png) no-repeat 10px 7px; margin-top: 20px; }
.booktop_name { width: 570px; height: 30px; float: left; color: rgb(30,54,1); padding-left: 30px; line-height: 30px; font-weight: bold; }
.booktop_time { width: 150px; height: 30px; float: left; color: rgb(30,54,1); text-align: right; line-height: 30px; }
.bookcontent { width: 628px; min-height: 40px; height: auto!important; height: 40px; float: left; border: 1px solid #d6deef; background: url(../images/bookcontentbg.jpg) repeat-x; background-color: #fff; padding: 10px; color: rgb(30,54,1); }
.bookadmin { width: 650px; height: auto; float: left; }
.bookadmin_top { width: 650px; height: 12px; float: left; }
.bookadmin_mid { width: 628px; min-height: 30px; height: auto!important; height: 30px; border-left: 1px solid #d6deef; border-right: 1px solid #d6deef; border-bottom: 1px solid #d6deef; float: left; padding: 10px; color: rgb(30,54,1); }
.messagecol { color: rgb(30,54,1); }
.admincol { color: rgb(30,54,1); font-weight: bold; }
.admintimecol { color: rgb(30,54,1); float: right; *margin-top:-17px;
}
.message { width: 500px; height: auto; float: left; padding-left: 50px; color: rgb(30,54,1); }
.message li { width: 500px; height: 40px; float: left; margin: 0px; padding: 0px; }
.message li input { height: 15px; line-height: 15px; width: 150px; }
.message li p.message_title { width: 100px; height: 19px; line-height: 19px; float: left; text-align: right; font-size: 12px; }
.message li p.message_content { width: 400px; float: left; }
.message li.contentb { width: 500px; height: 150px; float: left; }
.message li.contentb textarea { width: 370px; height: 120px; }
.message li.yzm { width: 500px; height: 60px; float: left; }
.message li p.message_yzminput { width: 100px; float: left; }
.message li p.message_yzminput input { width: 70px; }
.message li p.message_yzmico { width: 100px; height: 40px; float: left; }
.message li p.message_sub { width: 200px; height: 40px; float: left; }
.tab2 { background: #fff; width: 100%; margin-top: 5px; border: 1px solid #e1e0e1; }
.blank { width: 100%; height: 20px; margin-bottom: 5px; }
/* hr */

.hr { margin: 10px auto; width: 100%; font-size: 12px; line-height: 24px; border: 1px #CCC solid; background-color: #fff; color: #333; }
.hr td { border: 1px #CCC solid; }
.hr a { color: #333; }
.hr a:hover { color: #de0303; }
.hr_btn { width: 100px; height: 40px; font-size: 12px; }
/* news */

.news { width: 100%; height: auto; overflow: hidden }
.news li { width: 100%; height: 43px; overflow: hidden; background: #e8e8e8 }
.news li a { float: left; font: 14px/43px "microsoft yahei"; color: #2c2c2d; background: url(../images/icons1.jpg) 14px center no-repeat; padding-left: 29px; }
.news li span { float: right; font: 14px/43px "microsoft yahei"; color: #6e6e6e; padding-right: 12px; }
.news li.color { background: #fff }
/* case */

.case1 { width: 756px; height: auto; overflow: hidden; }
.case1 li { width: 252px; height: 243px; float: left; overflow: hidden; }
.case1 li p { width: 236px; height: 64px; overflow: hidden; font: 14px/64px "microsoft yahei"; color: #2b2823; text-align: center; }
.case1 li p a { color: #2b2823; }
.case2 { width: 100%; height: auto; overflow: hidden; }
.case2 li { width: 100%; height: 243px; overflow: hidden; }
.case_img { display: block; width: 236px; height: 178px; overflow: hidden; float: left; }
.case2 li p { width: 480px; padding-left: 21px; height: 22px; font: 700 16px/22px "microsoft yahei"; color: #2b2823; overflow: hidden; margin-bottom: 14px; float: left; }
.case2 li div { width: 480px; height: 140px; overflow: hidden; font: 14px/28px "microsoft yahei"; color: #2b2823; padding-left: 21px; float: left; }
.case2 li p a { color: #2b2823 }
/* view */

.right_con h1 { width: 100%; text-align: center; font: 20px/36px "microsoft yahei"; color: #3d0103; }
.date { width: 100%; text-align: center; font: 12px/32px "microsoft yahei"; color: #acacac }
.page { width: 100%; height: auto; margin: 10px auto; overflow: hidden; position: relative }
.page p { width: 100%; height: 26px; font: 14px/26px "microsoft yahei"; color: #60605f; overflow: hidden; }
.page p a { color: #334d9c }
.page p a:hover, .back:hover { text-decoration: underline }
.back { display: block; background: url(../images/back.jpg) 0 0 no-repeat; width: 118px; height: 40px; margin: 20px auto; text-align: center; font: 16px/40px "microsoft yahei"; color: #fff; }
.right_con img { max-width: 100%; }
/* search */

.searchnull { float: left; text-align: center; width: 100%; padding: 3% 0; font-size: 14px; }
.searchnull font { color: #F00; font-size: 14px; }